<template>
    <div>
        <!-- 登录 -->
        <div class="login" v-show="!login">
            <h1>欢迎登陆</h1>
            <div class="form">
                <div class="item">
                    <span>
                        <svg t="1639107342008" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="78821" width="16" height="16"><path d="M386.56 473.568C327.104 433.28 288 365.152 288 288 288 164.384 388.384 64 512 64 635.616 64 736 164.384 736 288 736 365.152 696.896 433.28 637.44 473.568 751.776 522.4 832 635.904 832 768L832 896 192 896 192 768C192 635.904 272.224 522.4 386.56 473.568Z" p-id="78822" fill="#8a8a8a"></path></svg>
                    </span>
                    <input type="text" placeholder="" >
                </div>
                <div class="item">
                    <span>
                        <svg t="1639107216972" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="75961" width="16" height="16"><path d="M297.4 250.2c22.6 0 41 18.3 41 41V462c0 22.6-18.3 41-41 41-22.6 0-41-18.3-41-41V291.2c0-22.6 18.4-41 41-41zM701.5 246.2c22.6 0 41 18.3 41 41v169.1c0 22.6-18.3 41-41 41-22.6 0-41-18.3-41-41V287.2c0-22.6 18.4-41 41-41z" fill="#8a8a8a" p-id="75962"></path><path d="M499.4 126.2c89 0 161.1 72.1 161.1 161.1h81.9c0-134.2-108.8-243-243-243s-243 108.8-243 243h81.9c0-89 72.2-161.1 161.1-161.1zM865.4 938V482.1c-3.4-33.4-31-59.7-64.9-61H200.6c-37.5 0-68 30.4-68.1 67.9v444.3c4 30.2 27.8 54.2 57.9 58.5h621.5c27-5.4 48.3-26.8 53.5-53.8z" fill="#8a8a8a" p-id="75963"></path></svg>
                    </span>
                    <input type="password" placeholder="" >
                </div>
                <div class="item">
                    <div class="submit" @click="btnLogin">登录</div>
                </div>
            </div>
        </div>



        <!-- 个人中心 -->
    <div class="my-info" v-show="login">
        <!-- 头部 -->
        <div class="category-header">
            <router-link tag="span" to="/index"><svg t="1640164914293" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="64511" width="16" height="16"><path d="M744.3372563 1017.13692445c11.1289837 0 22.2701037-4.2477037 30.76551111-12.74311112 16.99081482-16.99081482 16.99081482-44.54020741 0-61.51888592L345.02883555 512.80099555 775.10276741 82.7392c16.99081482-16.97867852 16.99081482-44.54020741 0-61.51888592-16.99081482-16.99081482-44.52807111-16.99081482-61.51888593 0L252.74443852 482.04762075a43.51469037 43.51469037 0 0 0 0 61.53102222l460.83944296 460.81517036c8.48327111 8.49540741 19.62439111 12.74311111 30.75337482 12.74311112z" fill="#ffffff" p-id="64512"></path></svg></router-link>
            <div class="icont-header">个人中心</div>
        </div>

        <!-- 个人信息 -->
        <div class="info-content">
            <img src="https://img1.baidu.com/it/u=3293231005,2758635617&fm=26&fmt=auto" alt="">
            <div class="info-name"><span class="username">{{username}}</span><span @click="btnShow"><svg t="1640586799977" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="131034" width="16" height="16"><path d="M358.277408 561.800219c-0.596588 0.759293-1.193175 1.559519-1.461281 2.52245l-46.050826 168.836313c-2.685155 9.829879 0.065492 20.422122 7.342222 27.889187 5.442966 5.317099 12.614296 8.239662 20.252253 8.239662 2.52245 0 5.050016-0.301875 7.537673-0.962931l167.638021-45.722344c0.26913 0 0.399089 0.23536 0.601704 0.23536 1.925862 0 3.817955-0.700965 5.246491-2.161223l448.270537-448.205045c13.31526-13.332656 20.61655-31.494295 20.61655-51.254338 0-22.38994-9.496282-44.770669-26.126031-61.356416L919.809521 117.458155c-16.604166-16.629749-39.016619-26.143427-61.396325-26.143427-19.754926 0-37.915541 7.303336-51.264571 20.602224L358.944604 560.241724C358.478999 560.669466 358.609982 561.302893 358.277408 561.800219M923.791206 228.575906l-44.526099 44.49233-72.180949-73.327052 43.894719-43.895743c6.935969-6.973832 20.384259-5.956665 28.353768 2.041496l42.363853 42.402739c4.420683 4.41352 6.941086 10.289344 6.941086 16.099676C928.610978 221.151819 926.914336 225.473241 923.791206 228.575906M437.999101 568.842613l323.465043-323.483462 72.216765 73.376171-322.863339 322.847989L437.999101 568.842613 437.999101 568.842613zM379.065873 699.990558l23.375383-85.799108 62.352093 62.358233L379.065873 699.990558 379.065873 699.990558zM927.623487 406.192186c-16.968463 0-31.904641 13.796214-31.970132 30.994921l0 419.411255c0 21.913079-17.796318 38.907125-39.744189 38.907125L166.418752 895.505487c-21.914102 0-38.247092-16.991999-38.247092-38.907125L128.17166 166.360935c0-21.930475 16.331967-38.441521 38.247092-38.441521l473.184973 0c17.063631 0 30.908964-15.163351 30.908964-32.232099 0-17.034978-13.846356-31.68156-30.908964-31.68156L161.703357 64.005756c-53.42477 0-97.827049 44.216038-97.827049 97.67253l0 699.637518c0 53.458539 44.403303 98.422613 97.827049 98.422613l698.884364 0c53.463656 0 98.967012-44.964074 98.967012-98.422613l0-424.324148C959.489242 419.9884 944.587857 406.192186 927.623487 406.192186" p-id="131035"></path></svg></span></div>
        </div>

        <!-- 月票余额 -->
        <div class="info-trick">
            <div class="trick">
                <span>{{mount}}</span>
                <p>月票</p>
            </div>
            <div class="trick">
                <span>{{recommen}}</span>
                <p>推荐票</p>
            </div>
            <div class="trick">
                <span>{{coupon}}</span>
                <p>限免券</p>
            </div>
        </div>

        <!-- 红袖币余额 -->
        <div class="info-coin">
            <span>{{coin}}红袖币</span>
            <span @click="btnRecharge">充值</span>
        </div>

        <!-- 工具 -->
        <div class="info-tool">
            <router-link tag="div" to="/index/member" class="tool"><svg t="1640586457399" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="126100" width="20" height="20"><path d="M755.685018 820.532142H274.077014a93.790328 93.790328 0 0 1-90.393092-68.544209L69.37696 344.586197a16.32005 16.32005 0 0 1 21.182758-19.983735l265.583833 93.257428 145.414975-325.535036a16.386662 16.386662 0 0 1 29.709153-0.399675l157.072153 326.400998 244.201237-102.116883a16.32005 16.32005 0 0 1 22.115333 19.184385l-109.311028 419.658426a93.923553 93.923553 0 0 1-89.660356 65.480037z" fill="#FFF100" p-id="126101"></path><path d="M932.541069 319.806366L906.895276 330.53097l-124.964953 490.001172a93.790328 93.790328 0 0 0 63.548276-62.016189l109.311028-419.658427a16.386662 16.386662 0 0 0-22.248558-19.05116z" fill="#F8B62D" p-id="126102"></path><path d="M92.624704 319.806366l25.779018 10.791217 124.898341 490.001172a93.85694 93.85694 0 0 1-63.481664-62.01619l-109.37764-419.658426A16.386662 16.386662 0 0 1 92.624704 319.806366z" fill="#FFFFFF" p-id="126103"></path><path d="M756.884042 833.854632H275.342651a107.579105 107.579105 0 0 1-103.249296-78.269627l-17.985361-63.947951a13.32249 13.32249 0 1 1 25.645793-7.194144l17.985361 63.947951a80.867513 80.867513 0 0 0 77.603503 58.818792h481.541391a80.268001 80.268001 0 0 0 76.737541-56.487357l69.743234-267.049306a13.32249 13.32249 0 1 1 25.779017 6.661244l-69.743233 267.648819a106.91298 106.91298 0 0 1-102.516559 75.871579zM147.513362 631.752463a13.32249 13.32249 0 0 1-12.78959-9.725418L57.719781 348.183269a29.64254 29.64254 0 0 1 38.435383-36.037335l253.993267 89.327294L490.567472 86.662796a29.575927 29.575927 0 0 1 26.64498-17.585687 29.043028 29.043028 0 0 1 27.177879 16.85295l151.543321 314.810432 232.544058-97.254175a29.775765 29.775765 0 0 1 39.967469 34.904923L946.862746 421.6568a13.32249 13.32249 0 0 1-25.84563-6.661245l21.649045-83.065723a3.064173 3.064173 0 0 0-4.129971-3.597073l-255.591966 106.91298L520.543074 97.65385a2.664498 2.664498 0 0 0-2.797723-1.731924 2.864335 2.864335 0 0 0-2.73111 1.865149l-150.544134 336.925765L87.562158 337.258827a2.864335 2.864335 0 0 0-3.064173 0.666125 2.99756 2.99756 0 0 0-0.865961 3.064173l76.604316 273.843776a13.32249 13.32249 0 0 1-9.259131 16.386662 11.190891 11.190891 0 0 1-3.463847 0.5329z" fill="#231815" p-id="126104"></path><path d="M203.401206 910.125886m50.225787 0l519.044199 0q50.225786 0 50.225787 50.225786l0 0.066613q0 50.225786-50.225787 50.225786l-519.044199 0q-50.225786 0-50.225787-50.225786l0-0.066613q0-50.225786 50.225787-50.225786Z" fill="#00A0E9" p-id="126105"></path><path d="M771.472168 910.125886h-35.504435a50.292399 50.292399 0 0 1 0 100.518185h35.504435a50.292399 50.292399 0 1 0 0-100.518185z" fill="#036EB8" p-id="126106"></path><path d="M252.494581 910.125886h35.504435a50.292399 50.292399 0 0 0 0 100.518185h-35.504435a50.292399 50.292399 0 0 1 0-100.518185z" fill="#FFFFFF" p-id="126107"></path><path d="M771.472168 1023.966561h-35.504435a13.32249 13.32249 0 0 1 0-26.64498h35.504435a36.969909 36.969909 0 1 0 0-73.873205H252.494581a36.969909 36.969909 0 0 0 0 73.873205h347.250695a13.32249 13.32249 0 1 1 0 26.64498H252.494581a63.614888 63.614888 0 0 1 0-127.163165h518.977587a63.614888 63.614888 0 1 1 0 127.163165z" fill="#231815" p-id="126108"></path><path d="M687.473871 1023.966561h-37.769259a13.32249 13.32249 0 0 1 0-26.64498h37.769259a13.32249 13.32249 0 0 1 0 26.64498z" fill="#231815" p-id="126109"></path><path d="M513.149093 82.599436m-69.210335 0a69.210334 69.210334 0 1 0 138.420669 0 69.210334 69.210334 0 1 0-138.420669 0Z" fill="#FFFFFF" p-id="126110"></path><path d="M513.149093 165.198873a82.599436 82.599436 0 1 1 82.599436-82.599437 82.666049 82.666049 0 0 1-82.599436 82.599437z m0-138.487281a55.954457 55.954457 0 1 0 55.954456 55.887844A55.954457 55.954457 0 0 0 513.149093 26.711592z" fill="#231815" p-id="126111"></path><path d="M955.255914 305.751139m-54.42237 0a54.422371 54.422371 0 1 0 108.844741 0 54.422371 54.422371 0 1 0-108.844741 0Z" fill="#FFFFFF" p-id="126112"></path><path d="M955.255914 373.562612a67.811473 67.811473 0 1 1 67.74486-67.811473 67.944698 67.944698 0 0 1-67.74486 67.811473z m0-108.911354a41.166493 41.166493 0 1 0 41.099881 41.099881 41.166493 41.166493 0 0 0-41.099881-41.099881z" fill="#231815" p-id="126113"></path><path d="M68.710835 325.734874m-54.42237 0a54.422371 54.422371 0 1 0 108.844741 0 54.422371 54.422371 0 1 0-108.844741 0Z" fill="#FFFFFF" p-id="126114"></path><path d="M68.710835 393.546347a67.811473 67.811473 0 1 1 67.811473-67.811473 67.878085 67.878085 0 0 1-67.811473 67.811473z m0-108.911354a41.166493 41.166493 0 1 0 41.166493 41.099881 41.166493 41.166493 0 0 0-41.166493-41.099881z" fill="#231815" p-id="126115"></path></svg>会员中心</router-link>
            <router-link tag="div" to="/index/medal" class="tool"><svg t="1640586507504" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="126260" width="20" height="20"><path d="M199.374 1021.799l-28.459-167.01L3.902 826.325 305.588 524.64 501.059 720l-301.685 301.799z m0 0" fill="#F3C450" p-id="126261"></path><path d="M169.317 845.909L11.187 818.93l-7.284 7.396 167.012 28.464-1.598-8.881z m321.385-136.271l-294.401 294.4 2.959 17.761L501.059 720l-10.357-10.362z m0 0" fill="#F7D582" p-id="126262"></path><path d="M827.682 1021.799l28.46-167.01 166.898-28.464L721.349 524.64 525.879 720l301.803 301.799z m0 0" fill="#F3C450" p-id="126263"></path><path d="M299.442 532.042L156.453 675.027l15.483 39.281c10.929 27.55 32.22 49.521 59.428 61.358l150.275 65.122L494.8 727.626 299.442 532.042z m426.237-2.962l142.989 142.991-15.483 39.275c-10.929 27.55-32.22 49.521-59.429 61.359l-150.273 65.121-113.164-113.161 195.36-195.585z m0 0" fill="#EF9115" p-id="126264"></path><path d="M691.411 700.417L533.28 727.396 525.879 720l167.011-28.464-1.479 8.881z m313.982 128.987L718.276 542.289l3.072-17.649 301.691 301.686-17.646 3.078z m0 0" fill="#F7D582" p-id="126265"></path><path d="M929.231 393.036L840.204 167.85c-10.929-27.552-32.217-49.521-59.425-61.36L558.666 10.291C531.57-1.435 500.834-2.006 473.284 8.922L248.099 97.95c-27.551 10.929-49.522 32.222-61.359 59.43L90.541 379.488c-11.726 27.095-12.298 57.836-1.369 85.386l89.026 225.18c10.931 27.552 32.216 49.521 59.425 61.365l222.113 96.199c27.096 11.726 57.832 12.292 85.382 1.362l225.186-89.026c27.551-10.924 49.521-32.217 61.364-59.426l96.199-222.225c11.727-27.095 12.18-57.83 1.364-85.267z m0 0" fill="#EC7517" p-id="126266"></path><path d="M179.449 428.897c0 117.788 62.841 226.631 164.849 285.525 102.008 58.896 227.688 58.896 329.694 0C776 655.528 838.84 546.685 838.84 428.897c0-117.789-62.84-226.628-164.848-285.525-102.007-58.896-227.687-58.896-329.694 0-102.008 58.897-164.849 167.736-164.849 285.525z m0 0" fill="#E6F3FB" p-id="126267"></path><path d="M509.033 99.318c2.276 0 4.436 0 6.713 0.113-178.963 3.645-322.86 149.706-322.86 329.577 0 179.877 143.896 325.938 322.86 329.471-2.277 0-4.437 0.112-6.713 0.112-182.042 0-329.696-147.543-329.696-329.694 0-182.154 147.542-329.579 329.696-329.579z m0 0" fill="#E5DFBA" p-id="126268"></path><path d="M509.258 99.318c-2.276 0-4.441 0-6.719 0.113 178.851 3.526 322.866 149.706 322.866 329.466 0 179.762-144.016 326.049-322.978 329.582 2.277 0 4.442 0.112 6.718 0.112 182.035 0 329.694-147.543 329.694-329.694 0.001-182.154-147.541-329.579-329.581-329.579z m0 0" fill="#FBFDFF" p-id="126269"></path><path d="M217.929 428.897c0 160.835 130.384 291.216 291.216 291.216 160.831 0 291.215-130.381 291.215-291.216 0-160.832-130.384-291.216-291.215-291.216-160.832 0-291.216 130.384-291.216 291.216z m0 0" fill="#EC7517" p-id="126270"></path><path d="M794.326 143.832s47.812 69.67 74.454 127.163c26.753 57.49 42.69 131.832 46.678 146.858 3.981 15.029 24.248 2.962 15.938-18.554-8.311-21.518-85.5-216.646-85.5-216.646s-8.995-36.775-39.501-55.672c-17.648-11.154-12.069 16.851-12.069 16.851zM528.043 28.959s64.55 16.851 115.209 35.182c50.777 18.326 106.103 52.823 117.716 59.424 11.613 6.606 15.37-12.521-2.731-20.377C740.135 95.33 575.4 25.202 575.4 25.202S557.304 7.33 528.498 14.048c-16.622 3.758-0.455 14.911-0.455 14.911z m366.352 456.518s-18.214 59.653-39.274 110.657c-21.063 51.118-59.996 102.686-67.398 113.732-7.396 11.041 13.206 20.604 22.201 2.731 8.994-17.871 89.026-180.672 89.026-180.672s13.318-28.118 11.956-60.109c-0.915-20.036-16.511 13.661-16.511 13.661z m0 0" fill="#DB9053" p-id="126271"></path><path d="M856.142 854.789l-9.791 2.39-28.689 154.604 10.021 10.017 28.459-167.011z m0 0" fill="#FFFFFF" p-id="126272"></path><path d="M375.75 332.921c4.855 4.856 11.264 7.304 17.673 7.304s12.781-2.448 17.674-7.304c9.75-9.75 9.75-25.598 0-35.348l-2.913-2.952c-9.751-9.75-25.6-9.75-35.349 0-9.75 9.75-9.75 25.599 0 35.348l2.915 2.952z m137.699-42.417c13.791 0 25.017-11.227 25.017-25.016v-4.117c-0.039-13.792-11.226-25.017-25.017-25.017-13.788 0-25.012 11.225-25.012 25.017v4.155c0 13.751 11.225 24.978 25.012 24.978zM343.741 410.222h-4.155c-13.791 0-25.016 11.225-25.016 25.014s11.225 25.016 25.016 25.016h4.155c13.792 0 25.016-11.228 25.016-25.016-0.039-13.789-11.265-25.014-25.016-25.014z m289.738-69.997c6.407 0 12.78-2.448 17.675-7.304l2.951-2.952c9.748-9.749 9.748-25.599 0-35.348-9.749-9.75-25.6-9.75-35.348 0l-2.952 2.952c-9.751 9.75-9.751 25.598 0 35.348 4.855 4.856 11.264 7.304 17.674 7.304z m53.838 69.997h-4.156c-13.789 0-25.017 11.225-25.017 25.014s11.228 25.016 25.017 25.016h4.156c13.789 0 25.016-11.228 25.016-25.016 0-13.789-11.227-25.014-25.016-25.014z m-36.163 127.369c-9.751-9.749-25.599-9.749-35.349 0-9.751 9.752-9.751 25.599 0 35.35l2.952 2.948c4.855 4.86 11.263 7.305 17.673 7.305 6.411 0 12.779-2.444 17.675-7.305 9.748-9.746 9.748-25.596 0-35.345l-2.951-2.953zM513.449 309.382c-69.373 0-125.853 56.441-125.853 125.854 0 69.376 56.44 125.854 125.853 125.854 69.419 0 125.856-56.479 125.856-125.854 0.001-69.374-56.479-125.854-125.856-125.854zM375.75 537.591l-2.952 2.953c-9.75 9.749-9.75 25.599 0 35.345 4.854 4.86 11.263 7.305 17.673 7.305 6.41 0 12.819-2.444 17.675-7.305l2.951-2.948c9.75-9.751 9.75-25.598 0-35.35-9.749-9.749-25.597-9.749-35.347 0z m137.699 42.379c-13.788 0-25.012 11.226-25.012 25.015v4.156c0 13.791 11.225 25.016 25.012 25.016 13.791 0 25.017-11.225 25.017-25.016v-4.156c-0.039-13.79-11.226-25.015-25.017-25.015z m0 0" fill="#DE1915" p-id="126273"></path><path d="M375.981 321.559c4.855 4.856 11.264 7.304 17.673 7.304 6.41 0 12.781-2.448 17.674-7.304 9.75-9.75 9.75-25.597 0-35.348l-2.913-2.951c-9.75-9.75-25.599-9.75-35.348 0-9.75 9.749-9.75 25.598 0 35.347l2.914 2.952z m137.701-42.417c13.791 0 25.016-11.227 25.016-25.015v-4.117c-0.038-13.792-11.225-25.017-25.016-25.017-13.788 0-25.013 11.225-25.013 25.017v4.155c0 13.75 11.225 24.977 25.013 24.977zM343.973 398.86h-4.155c-13.791 0-25.016 11.226-25.016 25.015s11.225 25.015 25.016 25.015h4.155c13.792 0 25.016-11.226 25.016-25.015-0.039-13.79-11.265-25.015-25.016-25.015z m289.739-69.997c6.407 0 12.779-2.448 17.674-7.304l2.952-2.952c9.748-9.749 9.748-25.598 0-35.347-9.749-9.75-25.6-9.75-35.348 0l-2.952 2.951c-9.751 9.751-9.751 25.599 0 35.348 4.855 4.857 11.264 7.304 17.674 7.304z m53.838 69.997h-4.157c-13.789 0-25.016 11.226-25.016 25.015s11.227 25.015 25.016 25.015h4.157c13.789 0 25.016-11.226 25.016-25.015s-11.227-25.015-25.016-25.015z m-36.164 127.369c-9.75-9.75-25.598-9.75-35.348 0-9.751 9.752-9.751 25.598 0 35.35l2.952 2.949c4.855 4.858 11.262 7.303 17.673 7.303s12.779-2.444 17.675-7.303c9.748-9.747 9.748-25.597 0-35.346l-2.952-2.953zM513.682 298.021c-69.374 0-125.853 56.44-125.853 125.854 0 69.376 56.439 125.854 125.853 125.854 69.419 0 125.856-56.479 125.856-125.854 0-69.374-56.479-125.854-125.856-125.854zM375.981 526.229l-2.951 2.953c-9.751 9.749-9.751 25.599 0 35.346 4.854 4.858 11.263 7.303 17.673 7.303 6.41 0 12.819-2.444 17.675-7.303l2.951-2.949c9.75-9.752 9.75-25.598 0-35.35-9.75-9.75-25.597-9.75-35.348 0z m137.701 42.378c-13.788 0-25.013 11.228-25.013 25.016v4.157c0 13.79 11.225 25.015 25.013 25.015 13.791 0 25.016-11.225 25.016-25.015v-4.157c-0.039-13.788-11.225-25.016-25.016-25.016z m0 0" fill="#FFFFFF" p-id="126274"></path></svg>勋章</router-link>
            <div class="tool"><svg t="1640586535367" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="126419" width="20" height="20"><path d="M915.6 943.2H108c-15.6 0-28.4-12.8-28.4-28.4V108.1c0-15.6 12.8-28.4 28.4-28.4h807.5c15.6 0 28.4 12.8 28.4 28.4v806.6c0.1 15.7-12.7 28.5-28.3 28.5z" fill="#C2C6CA" p-id="126420"></path><path d="M80.6 867.7V156.3c0-41.6 33.9-75.5 75.5-75.5h711.4c19.4 0 37 7.3 50.4 19.3L945.1 73c-20.3-19-47.6-30.6-77.5-30.6H156.1c-62.8 0-113.9 51.1-113.9 113.9v711.4c0 29.9 11.6 57.2 30.6 77.5l27.1-27.1c-12-13.4-19.3-31.1-19.3-50.4z" fill="#87898B" p-id="126421"></path><path d="M945.1 73L918 100.1c15.4 13.8 25.1 33.9 25.1 56.2v711.4c0 41.6-33.9 75.5-75.5 75.5H156.1c-22.3 0-42.3-9.7-56.2-25.1l-27.1 27.1c20.8 22.3 50.4 36.3 83.3 36.3h711.4c62.8 0 113.9-51.1 113.9-113.9V156.3c0-32.9-14-62.5-36.3-83.3z" fill="#6A6C6D" p-id="126422"></path><path d="M275.1 297.8c-26.1 0-47.3 19.6-47.3 43.7V663c0 24.1 21.2 43.7 47.3 43.7h231.6v-409H275.1z" fill="#FFFFFF" p-id="126423"></path><path d="M786.9 663.1V341.6c0-24.1-21.2-43.7-47.3-43.7H506.7v409h232.9c26.1-0.1 47.3-19.7 47.3-43.8z" fill="#9D9D9D" p-id="126424"></path><path d="M736.7 300.2c0.4-0.3 1.1-0.9 0.6-2.2-0.5-1.3-1.5-1.3-2-1.3H507.5V487c0.3 0 0.7-0.1 1.1-0.4l228.1-186.4z" fill="#9D9D9D" p-id="126425"></path><path d="M280.5 296.8c-0.5 0-1.5 0-2 1.3s0.2 1.9 0.6 2.2l226.7 186.4c0.5 0.4 1 0.5 1.4 0.5h0.3V296.8h-227z" fill="#FFFFFF" p-id="126426"></path><path d="M766 288c-4.9-11.9-16.9-19.6-30.7-19.6H507.5v14.2h227.7c16.1 0 23.6 18.4 11.6 28.2l-228 186.5c-3.2 2.6-7.2 4-11.2 4v14.2c7.9-0.1 15.5-2.8 21.4-7.6l228-186.5c10.3-8.4 13.8-21.5 9-33.4z" fill="#7C8617" p-id="126427"></path><path d="M495.6 497.2L268.9 310.8c-12-9.9-4.4-28.2 11.6-28.2h227.1v-14.2H280.5c-13.7 0-25.8 7.7-30.7 19.5-4.9 11.9-1.4 25 8.9 33.4l226.7 186.4c6 4.9 13.8 7.7 21.8 7.7h0.3v-14.2c-4.2 0.2-8.5-1.2-11.9-4z" fill="#DFFF2A" p-id="126428"></path><path d="M735.3 296.8c0.5 0 1.5 0 2 1.3s-0.2 1.9-0.6 2.2L508.6 486.6c-0.4 0.3-0.7 0.4-1.1 0.4v14.2c4-0.1 8-1.4 11.2-4l228.1-186.4c12-9.8 4.5-28.2-11.6-28.2H507.5v14.2h227.8z" fill="#7C8617" p-id="126429"></path><path d="M268.9 310.8l226.7 186.4c3.4 2.8 7.7 4.1 11.9 4.1v-14.2h-0.3c-0.4 0-0.9-0.1-1.4-0.5L279.1 300.2c-0.4-0.3-1.1-0.9-0.6-2.2 0.5-1.3 1.5-1.3 2-1.3h227.1v-14.2H280.5c-16.1 0.1-23.6 18.4-11.6 28.3z" fill="#DFFF2A" p-id="126430"></path><path d="M739.6 267.1H506.7v15.4h232.9c35.2 0 64 26.6 64 59.1v321.5c0 32.5-28.8 59.1-64 59.1H506.7v15.4h232.9c44.4 0 80.6-33.4 80.6-74.5V341.6c0-41.1-36.2-74.5-80.6-74.5z" fill="#7C8617" p-id="126431"></path><path d="M275.1 722.2c-35.2 0-64-26.6-64-59.1V341.6c0-32.5 28.8-59.1 64-59.1h231.6v-15.4H275.1c-44.4 0-80.6 33.4-80.6 74.5v321.5c0 41.1 36.2 74.5 80.6 74.5h231.6v-15.4H275.1z" fill="#DFFF2A" p-id="126432"></path><path d="M211.1 341.6v321.5c0 32.5 28.8 59.1 64 59.1h231.6v-15.4H275.1c-26.1 0-47.3-19.6-47.3-43.7V341.6c0-24.1 21.2-43.7 47.3-43.7h231.6v-15.4H275.1c-35.2 0-64 26.6-64 59.1z" fill="#DFFF2A" p-id="126433"></path><path d="M739.6 297.8c26.1 0 47.3 19.6 47.3 43.7V663c0 24.1-21.2 43.7-47.3 43.7H506.7v15.4h232.9c35.2 0 64-26.6 64-59.1V341.6c0-32.5-28.8-59.1-64-59.1H506.7v15.4h232.9z" fill="#7C8617" p-id="126434"></path><path d="M722.6 558.1l23.5 46-3.4 2.2-24.7-48.2h-11l28.1 55-3.4 2.2-29.3-57.2h-11l32.7 63.9-3.4 2.3-33.9-66.2h-11l37.3 72.9-3.4 2.2-38.5-75.1h-11l41.9 81.9-3.4 2.2-43.1-84.1h-24.5l23.5 46-3.4 2.2-24.7-48.2h-11l28.1 55-3.4 2.2-29.3-57.2h-11l32.7 63.9-3.4 2.3-33.9-66.2h-11l37.3 72.9-3.4 2.2-38.5-75.1h-11l42 81.9-3.5 2.2-43.1-84.1h-26.3l23.5 46-3.4 2.2-24.7-48.2h-11l28.1 55-3.4 2.2-29.3-57.2h-10.3v1.6l32 62.3-3.4 2.3-28.6-55.7v21.5l21 40.9-3.4 2.2-17.6-34.2v21.5l10 19.5-3.4 2.2-6.6-12.8v22.7h279.6v-19.8l-38-74.2z" fill="#396B00" p-id="126435"></path><path d="M507.3 558.1h-0.7l0.7 1.6z" fill="#76E800" p-id="126436"></path><path d="M753.5 558.1l33.4 65.2v-21.5l-22.4-43.7zM786.9 558.1h-2.2l2.2 4.4zM769.1 558.1l17.8 34.8v-21.5l-6.8-13.3z" fill="#396B00" p-id="126437"></path><path d="M513.9 642.2l3.4-2.2-10-19.5v8.9zM524.9 633.2l3.4-2.2-21-40.9v8.9zM535.9 624.3l3.4-2.3-32-62.3v8.9zM550.3 613.1l-28.1-55h-4.6l29.3 57.2zM561.3 604.1l-23.5-46h-4.6l24.7 48.2zM610.7 640l-42-81.9h-4.6l43.1 84.1zM621.6 631l-37.3-72.9h-4.6l38.5 75.1zM632.6 622l-32.7-63.9h-4.6l33.9 66.2zM643.6 613.1l-28.1-55h-4.6l29.3 57.2zM654.6 604.1l-23.5-46h-4.6l24.7 48.2zM702.1 640l-41.9-81.9h-4.6l43.1 84.1zM713.1 631l-37.3-72.9h-4.6l38.5 75.1zM724.1 622l-32.7-63.9h-4.6l33.9 66.2zM735.1 613.1l-28.1-55h-4.6l29.3 57.2zM746.1 604.1l-23.5-46H718l24.7 48.2zM748.9 558.1l38 74.2v-9l-33.4-65.2zM764.5 558.1l22.4 43.7v-8.9l-17.8-34.8zM784.7 558.1h-4.6l6.8 13.3v-8.9z" fill="#2E4DBB" p-id="126438"></path><path d="M470.8 558.1h-26.4l23.6 46-3.5 2.2-24.6-48.2h-11.1l28.2 55-3.4 2.2-29.3-57.2h-11.1L446 622l-3.4 2.3-33.9-66.2h-11.1L435 631l-3.4 2.2-38.5-75.1H382l42 81.9-3.4 2.2-43.1-84.1h-24.6l23.6 46-3.4 2.2-24.7-48.2h-11.1l28.2 55-3.4 2.2-29.3-57.2h-11l32.7 63.9-3.4 2.3-33.9-66.2h-11l37.3 72.9-3.4 2.2-38.5-75.1h-11l41.9 81.9-3.4 2.2-43.1-84.1h-26.2l24.4 47.5-3.5 2.2-25.5-49.7h-11l29 56.5-3.5 2.2-30.1-58.7h-11l33.6 65.5-3.5 2.2-30.9-60.4v21.5l23.4 45.6-3.5 2.2-19.9-38.9v21.5l12.4 24.2-3.5 2.2-8.9-17.5v25.9h279.5v-22.7zM507.3 599l-20.9-40.9h-11l31.9 62.4zM507.3 568.6l-5.3-10.5h-11l16.3 32z" fill="#76E800" p-id="126439"></path><path d="M332.5 640l-41.9-81.9H286l43.1 84.1zM343.5 631l-37.3-72.9h-4.6l38.5 75.1zM354.5 622l-32.7-63.9h-4.6l33.9 66.2zM365.5 613.1l-28.2-55h-4.5l29.3 57.2zM376.5 604.1l-23.6-46h-4.5l24.7 48.2zM424 640l-42-81.9h-4.5l43.1 84.1zM435 631l-37.4-72.9h-4.5l38.5 75.1zM446 622l-32.8-63.9h-4.5l33.9 66.2zM457 613.1l-28.2-55h-4.5l29.3 57.2zM468 604.1l-23.6-46h-4.5l24.6 48.2zM507.3 620.5l-31.9-62.4h-4.6l36.5 71.3zM507.3 590.1l-16.3-32h-4.6l20.9 40.9zM507.3 559.7l-0.7-1.6H502l5.3 10.5zM240.2 641.5l-12.4-24.2v8.9l8.9 17.5zM251.2 632.5l-23.4-45.6v8.9l19.9 38.9zM262.2 623.6l-33.6-65.5h-0.8v7.3l30.9 60.4zM273.2 614.6l-29-56.5h-4.6l30.1 58.7zM284.2 605.6l-24.4-47.5h-4.6l25.5 49.7z" fill="#6486E7" p-id="126440"></path><path d="M229.2 651.9l46.4-89.7 46.3 89.7zM321.9 651.9l46.4-89.7 46.3 89.7zM414.6 651.9l46.4-89.7 46.4 89.7z" fill="#E05BE7" p-id="126441"></path><path d="M507.4 651.9l46.3-89.7 46.4 89.7zM600.1 651.9l46.3-89.7 46.4 89.7zM692.8 651.9l46.3-89.7 46.4 89.7z" fill="#823788" p-id="126442"></path></svg>消息中心</div>
            <div class="tool"><svg t="1640586561314" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="126587" width="20" height="20"><path d="M880.038 502.309V317.096c0-34.922-24.387-66.008-60.753-77.437l-80.376-30.024c-37.849-14.136-73.401-32.874-105.687-55.701l-84.704-59.886c-19.178-15.193-47.777-15.193-66.958 0l-84.711 59.893c-32.287 22.826-67.84 41.563-105.687 55.701l-80.366 30.017c-36.366 11.43-60.757 42.516-60.757 77.437v185.213c0 123.215 63.892 239.249 172.48 313.233L480.99 923.518c20.172 13.743 47.924 13.743 68.097 0L707.56 815.542c108.586-73.984 172.478-190.018 172.478-313.233z" fill="#FFA820" p-id="126588"></path><path d="M150.038 317.096v3.767a385.446 385.446 0 0 1 49.252-76.743c-29.907 13.845-49.252 41.884-49.252 72.976zM880.038 317.096c0-34.922-24.387-66.008-60.753-77.437l-43.493-16.246c57.666 60.623 95.779 140.014 104.247 228.069V317.096h-0.001zM572.769 111.193l-24.251-17.146c-19.178-15.193-47.777-15.193-66.958 0l-15.304 10.82a390.415 390.415 0 0 1 30.453-1.191c26.038 0.001 51.471 2.592 76.06 7.517zM496.709 873.922c-39.481 0-77.572-5.946-113.433-16.983l97.714 66.578c20.172 13.743 47.924 13.743 68.097 0L707.56 815.541c92.272-62.867 152.26-156.099 168.207-258.298-32.296 180.046-189.72 316.679-379.058 316.679z" fill="#FEAC33" p-id="126589"></path><path d="M875.766 557.244a356.148 356.148 0 0 0 4.273-54.935v-50.828c-8.467-88.054-46.581-167.446-104.247-228.069l-36.883-13.777c-37.849-14.136-73.401-32.874-105.687-55.701l-60.453-42.741c-24.589-4.926-50.022-7.516-76.06-7.516-10.25 0-20.405 0.405-30.453 1.191l-58.668 41.48a333.423 333.423 0 0 1 72.724-8.003c183.552 0 332.351 148.798 332.351 332.351s-148.8 332.35-332.352 332.35c-170.836 0-311.542-128.904-330.221-294.749 2.034 120.979 65.601 234.461 172.428 307.245l60.757 41.398c35.861 11.037 73.952 16.983 113.433 16.983 189.339-0.001 346.763-136.634 379.058-316.679zM261.177 220.841l-50.382 18.818a95.554 95.554 0 0 0-11.505 4.461 385.491 385.491 0 0 0-49.252 76.743V433.55c9.403-84.527 50.494-159.478 111.139-212.709z" fill="#FEB133" p-id="126590"></path><path d="M480.311 803.046c183.552 0 332.351-148.798 332.351-332.351s-148.799-332.35-332.351-332.35a333.43 333.43 0 0 0-72.724 8.003l-10.74 7.593c-32.287 22.826-67.84 41.563-105.687 55.701l-29.984 11.199c-60.645 53.231-101.737 128.183-111.139 212.709v68.759c0 1.998 0.019 3.994 0.052 5.988 18.68 165.845 159.386 294.749 330.222 294.749z m-16.397-630.033c154.407 0 279.579 125.172 279.579 279.579S618.321 732.171 463.914 732.171 184.335 606.999 184.335 452.592s125.172-279.579 279.579-279.579z" fill="#FEB633" p-id="126591"></path><path d="M463.914 732.171c154.407 0 279.579-125.172 279.579-279.579S618.321 173.013 463.914 173.013 184.335 298.185 184.335 452.592s125.172 279.579 279.579 279.579z m-16.398-524.49c125.262 0 226.807 101.545 226.807 226.807S572.779 661.296 447.516 661.296 220.709 559.75 220.709 434.488s101.545-226.807 226.807-226.807z" fill="#FFBC34" p-id="126592"></path><path d="M447.516 661.296c125.262 0 226.807-101.545 226.807-226.807S572.779 207.681 447.516 207.681 220.709 309.226 220.709 434.488s101.545 226.808 226.807 226.808z m-16.397-418.947c96.117 0 174.036 77.918 174.036 174.036S527.236 590.42 431.119 590.42s-174.036-77.918-174.036-174.036 77.919-174.035 174.036-174.035z" fill="#FFC134" p-id="126593"></path><path d="M431.119 590.42c96.117 0 174.036-77.918 174.036-174.036s-77.918-174.036-174.036-174.036-174.036 77.918-174.036 174.036S335.002 590.42 431.119 590.42z m-16.397-313.403c66.972 0 121.264 54.292 121.264 121.264s-54.292 121.264-121.264 121.264-121.264-54.292-121.264-121.264 54.292-121.264 121.264-121.264z" fill="#FFC634" p-id="126594"></path><path d="M414.722 398.281m-121.264 0a121.264 121.264 0 1 0 242.528 0 121.264 121.264 0 1 0-242.528 0Z" fill="#FFCB34" p-id="126595"></path><path d="M515.04 100.653c8.273 0 16.192 2.665 22.301 7.504l0.385 0.305 0.401 0.284 84.704 59.886c33.55 23.721 70.486 43.19 109.78 57.865l80.376 30.024 0.447 0.167 0.455 0.143c28.8 9.052 48.15 33.271 48.15 60.266V502.31c0 28.923-3.732 57.845-11.093 85.961-7.275 27.788-18.106 54.85-32.194 80.434-14.114 25.632-31.51 49.806-51.705 71.85-20.5 22.377-43.924 42.602-69.623 60.111L538.951 908.642c-6.799 4.632-15.292 7.183-23.914 7.183s-17.115-2.551-23.913-7.182L332.653 800.666c-25.699-17.509-49.123-37.733-69.623-60.111-20.195-22.044-37.591-46.218-51.705-71.85-14.088-25.584-24.919-52.646-32.194-80.434-7.361-28.117-11.093-57.038-11.093-85.961V317.096c0-26.994 19.352-51.213 48.154-60.266l0.455-0.143 0.446-0.167 80.367-30.017c39.298-14.68 76.233-34.148 109.779-57.865l84.711-59.893 0.4-0.283 0.384-0.304c6.111-4.839 14.033-7.505 22.306-7.505m0-18c-11.945 0-23.89 3.798-33.481 11.394l-84.711 59.893c-32.287 22.826-67.84 41.563-105.687 55.701l-80.366 30.017c-36.366 11.43-60.757 42.516-60.757 77.437v185.213c0 123.215 63.892 239.249 172.48 313.233l158.471 107.976c10.086 6.872 22.067 10.307 34.048 10.307 11.981 0 23.962-3.436 34.048-10.307l158.473-107.976c108.587-73.984 172.48-190.017 172.48-313.233V317.096c0-34.922-24.387-66.008-60.753-77.437l-80.376-30.024c-37.849-14.136-73.402-32.874-105.687-55.701l-84.704-59.886c-9.589-7.596-21.534-11.395-33.478-11.395z" fill="#FFA820" p-id="126596"></path><path d="M688.848 496.664v-90.671c0-17.099-11.614-32.315-28.932-37.911l-38.276-14.699c-18.019-6.919-34.95-16.095-50.323-27.269l-40.338-29.318c-9.134-7.437-22.75-7.437-31.884 0l-40.338 29.32c-15.377 11.176-32.304 20.35-50.327 27.271l-38.269 14.696c-17.318 5.597-28.932 20.812-28.932 37.911v90.671c0 60.322 30.424 117.128 82.132 153.349l75.461 52.859c9.61 6.728 22.823 6.728 32.428 0l75.463-52.859c51.71-36.222 82.135-93.028 82.135-153.35z" fill="#FFE3B4" p-id="126597"></path><path d="M325.633 287.514c-7.248 0-14.08-4.41-16.819-11.584-3.546-9.287 1.108-19.69 10.395-23.237 68.518-26.162 110.511-60.267 110.927-60.609 7.685-6.305 19.027-5.188 25.333 2.499 6.305 7.686 5.187 19.027-2.499 25.333-1.884 1.545-46.992 38.181-120.919 66.409a17.975 17.975 0 0 1-6.418 1.189z" fill="#FFFFFF" p-id="126598"></path><path d="M260.151 311.651c-7.311 0-14.185-4.486-16.877-11.742-3.459-9.32 1.292-19.679 10.612-23.138l10.546-3.914c9.321-3.46 19.679 1.292 23.138 10.612 3.459 9.32-1.292 19.679-10.612 23.138l-10.546 3.914a17.947 17.947 0 0 1-6.261 1.13z" fill="#FFFFFF" p-id="126599"></path></svg>安全中心</div>
            <div class="tool"><svg t="1640586585861" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="126744" width="20" height="20"><path d="M13.524271 512.036685a498.504637 498.504637 0 1 1 498.437016 498.437015A498.437016 498.437016 0 0 1 13.524271 512.036685z" fill="#FFF100" p-id="126745"></path><path d="M40.572814 593.182312a556.253275 556.253275 0 0 1 636.114096-550.099732A498.437016 498.437016 0 0 0 56.260968 723.623908 555.441819 555.441819 0 0 1 40.572814 593.182312z" fill="#FFFFFF" p-id="126746"></path><path d="M978.88675 430.891057a555.847547 555.847547 0 0 1-555.847546 555.847547 568.763226 568.763226 0 0 1-80.131307-5.680194 498.504637 498.504637 0 0 0 620.425942-680.541327 556.253275 556.253275 0 0 1 15.552911 130.373974z" fill="#F8B62D" p-id="126747"></path><path d="M511.961287 1023.997971a511.961287 511.961287 0 1 1 459.28425-738.425208A13.524271 13.524271 0 0 1 946.698985 297.609365a484.912744 484.912744 0 1 0 36.718396 327.354984 13.524271 13.524271 0 1 1 26.304708 6.288786 510.000267 510.000267 0 0 1-497.760802 392.744836z" fill="#231815" p-id="126748"></path><path d="M1010.398302 525.560956a13.524271 13.524271 0 0 1-13.524271-13.524271A486.400414 486.400414 0 0 0 989.300439 426.089941a13.524271 13.524271 0 0 1 26.642815-4.733495 514.328034 514.328034 0 0 1 7.97932 90.680239 13.524271 13.524271 0 0 1-13.524272 13.524271z" fill="#231815" p-id="126749"></path><path d="M522.374976 510.210908q20.286407-20.286407 48.822619-45.847279L580.93507 453.138483a89.868782 89.868782 0 0 0 21.909319-57.613395 88.719219 88.719219 0 0 0-22.720775-63.293589c-15.417669-15.417669-37.326989-22.720776-64.916502-22.720776-35.704076 0-60.85922 10.548932-76.27689 33.269707-13.524271 18.663494-20.286407 45.441551-20.286407 79.522715H326.1378c0-60.047764 17.040582-107.112228 52.744658-141.193391S460.839542 229.988008 520.684442 229.988008c52.744658 0 95.75184 13.524271 128.480576 43.007183s48.687376 67.621356 48.687377 116.849703c0 40.572814-10.548932 73.842521-30.023882 99.809122-7.303106 8.114563-30.835338 30.023882-69.78524 64.105045a125.775722 125.775722 0 0 0-32.458251 40.572814 114.956305 114.956305 0 0 0-12.171844 52.744658v11.360387H459.825221v-11.49563a171.825866 171.825866 0 0 1 16.229126-79.522715m75.465433 147.685042a62.684997 62.684997 0 0 1-0.811456 88.448734 62.549754 62.549754 0 0 1-44.630095 17.040581 63.225968 63.225968 0 0 1-44.630095-17.852038 62.684997 62.684997 0 0 1 0-87.907763 62.549754 62.549754 0 0 1 44.630095-17.040581 64.510774 64.510774 0 0 1 45.644415 17.311067z" fill="#FFFFFF" p-id="126750"></path><path d="M506.281093 834.117204a76.750239 76.750239 0 0 1-54.097085-21.503592 76.141647 76.141647 0 0 1 0-107.450334 76.479754 76.479754 0 0 1 54.097085-20.286407 78.576016 78.576016 0 0 1 54.705677 20.286407h0.338107a73.842521 73.842521 0 0 1 21.774076 53.420871 72.625336 72.625336 0 0 1-22.923639 54.502813 76.547375 76.547375 0 0 1-53.894221 21.030242z m0-122.529898a48.89024 48.89024 0 0 0-35.365969 13.524272 49.093105 49.093105 0 0 0 0 67.621356 49.701697 49.701697 0 0 0 35.365969 14.268106 48.687376 48.687376 0 0 0 35.43359-13.524271 45.982522 45.982522 0 0 0 14.335728-34.689756 46.523493 46.523493 0 0 0-13.524271-33.810678 51.189367 51.189367 0 0 0-36.245047-13.389029z m60.85922-39.761357H446.30095v-24.884659c0-34.689756 5.815437-62.752618 17.784417-85.74388a13.524271 13.524271 0 1 1 24.005581 12.44233A155.529119 155.529119 0 0 0 473.349492 644.777407h66.268929a129.562518 129.562518 0 0 1 13.524272-56.666697 140.179071 140.179071 0 0 1 35.90694-44.90058c40.572814-35.298348 61.535434-55.246648 68.027084-62.346891 17.852038-24.073203 27.048542-54.773298 27.048542-91.153588 0-45.847279-14.403349-80.739899-44.089124-106.706499S571.535701 243.51228 520.684442 243.51228c-56.599075 0-99.944364 15.485291-132.537858 47.334949-30.159125 28.806698-45.982522 67.621356-48.34927 117.999266H405.728136c1.622913-31.443931 9.061262-55.719997 22.585533-74.383491 17.649174-25.966601 46.253008-38.747037 87.163928-38.747037 31.714416 0 56.801939 8.99364 74.383492 26.642814a106.503636 106.503636 0 0 1 1.690534 139.029508l-11.360388 13.050922c-18.866358 16.905339-35.095484 32.120144-48.214027 45.306308A13.524271 13.524271 0 0 1 512.772743 500.473433c13.524271-13.524271 29.753397-28.874319 48.754998-45.914901l9.128883-10.616553a76.479754 76.479754 0 0 0 18.663494-48.822619 75.600676 75.600676 0 0 0-19.001601-54.097085c-12.171844-12.171844-30.835338-18.46063-55.111405-18.46063-31.714416 0-52.406551 8.655534-65.051745 27.048542-12.036601 16.296747-17.987281 40.572814-17.98728 71.949123v13.524271H312.613529v-13.524271c0-64.105046 19.204465-114.956305 56.937182-150.998488S457.728959 216.463737 520.684442 216.463737c56.801939 0 102.987325 15.620533 137.271353 46.455872s53.150386 73.572035 53.150385 126.925285c0 42.669076-11.022281 78.981744-32.728736 108.19417l-0.743835 0.946699c-8.587912 9.46699-34.41927 33.269707-70.934802 65.186987a113.603878 113.603878 0 0 0-29.280048 36.447911 101.026306 101.026306 0 0 0-10.751795 46.726357z" fill="#231815" p-id="126751"></path></svg>帮助中心</div>
            <div class="tool"><svg t="1640586624588" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="126896" width="20" height="20"><path d="M997.888 460.458667l-99.84-99.84v-154.453334c-0.170667-42.666667-34.645333-77.141333-77.141333-77.141333h-154.453334L566.613333 29.184a77.4656 77.4656 0 0 0-109.226666 0l-99.84 99.84H203.093333c-42.666667 0.170667-77.141333 34.645333-77.141333 77.141333v154.453334l-99.84 99.84a77.4656 77.4656 0 0 0 0 109.226666l99.84 99.84v154.453334c0.170667 42.666667 34.645333 77.141333 77.141333 77.141333h154.453334l99.84 99.84a77.4656 77.4656 0 0 0 109.226666 0l99.84-99.84h154.453334c42.666667-0.170667 77.141333-34.645333 77.141333-77.141333v-154.453334l99.84-99.84a77.4656 77.4656 0 0 0 0-109.226666z" fill="#FF9B00" p-id="126897"></path><path d="M745.301333 350.890667c0 12.288 0 18.432-12.288 18.432h-12.117333c-6.144 6.144-12.288 6.144-18.432 6.144l-153.6 374.613333h-73.728L321.706667 375.466667c-6.144-6.144-12.288-6.144-18.432-6.144h-12.288c-6.144 0-12.288-6.144-12.288-18.432V314.026667h159.573333v43.008c0 12.288 0 18.432-12.288 18.432h-18.432l86.016 221.184c6.144 12.288 6.144 18.432 12.288 30.72 0 6.144 6.144 18.432 6.144 30.72 6.144-24.576 12.288-43.008 18.432-61.44l86.016-227.328h-18.432c-6.144 0-12.288-6.144-12.288-18.432V314.026667h159.573333v36.864z" fill="#FFFFFF" p-id="126898"></path></svg>成为作家</div>
            <div class="tool"><svg t="1640586648838" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="127039" width="20" height="20"><path d="M517.12 358.4c-28.16 0-49.92 11.52-66.56 25.6-16.64 15.36-26.88 37.12-30.72 65.28v2.56c0 10.24 8.96 19.2 19.2 19.2s17.92-7.68 19.2-17.92c3.84-20.48 10.24-35.84 20.48-44.8 10.24-10.24 23.04-14.08 39.68-14.08s29.44 5.12 40.96 16.64c11.52 10.24 16.64 23.04 16.64 37.12 0 7.68-1.28 15.36-5.12 21.76-3.84 6.4-11.52 15.36-24.32 26.88-12.8 11.52-21.76 19.2-26.88 25.6-6.4 7.68-11.52 15.36-14.08 24.32-3.84 10.24-6.4 23.04-6.4 37.12v11.52c0 10.24 7.68 17.92 17.92 17.92 10.24 0 17.92-7.68 17.92-17.92 0-14.08 1.28-25.6 2.56-32s5.12-12.8 7.68-17.92c3.84-5.12 11.52-12.8 23.04-23.04 17.92-15.36 29.44-29.44 35.84-39.68 6.4-11.52 8.96-23.04 8.96-35.84 0-23.04-10.24-46.08-26.88-61.44-17.92-17.92-39.68-26.88-69.12-26.88zM515.84 634.88c-10.24 0-19.2 8.96-19.2 19.2s8.96 19.2 19.2 19.2 19.2-8.96 19.2-19.2-8.96-19.2-19.2-19.2z" fill="#FFC600" p-id="127040"></path><path d="M0 0v1024h1024V0H0z m518.4 782.08c-147.2 0-267.52-119.04-267.52-267.52 0-147.2 119.04-267.52 267.52-267.52 147.2 0 267.52 119.04 267.52 267.52-1.28 147.2-120.32 267.52-267.52 267.52z" fill="#FFC600" p-id="127041"></path></svg>问题反馈</div>
            <div class="tool"><svg t="1640586693671" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="127182" width="20" height="20"><path d="M958.144106 816.585043c0 78.526471-63.212694 142.190443-141.178393 142.190443H207.033263c-77.964676 0-141.178393-63.663972-141.178393-142.190443V202.254424c0-78.526471 63.212694-142.190443 141.178393-142.190443h609.93245c77.964676 0 141.178393 63.663972 141.178393 142.190443v614.330619z" fill="#DD514E" p-id="127183"></path><path d="M516.502547 232.190223c-161.89625 0-293.613154 131.716904-293.613154 293.566082 0 61.788252 19.041682 120.958886 55.076386 171.131589 7.90197 10.901281 23.086811 13.376659 34.036188 5.569856a24.26259 24.26259 0 0 0 7.210215-8.262175 258.82893 258.82893 0 0 0 28.432563 29.008685 24.292266 24.292266 0 0 0-7.890714 7.005554c-7.854898 10.901281-5.379521 26.134217 5.569855 34.036187 50.125631 36.035728 109.296265 55.123458 171.178661 55.123459 161.897274 0 293.613154-131.716904 293.613155-293.613155 0.001023-161.849178-131.715881-293.566082-293.613155-293.566082z m148.366096 219.859383c0 26.291806-21.305235 47.597041-47.597041 47.597042-26.285666 0-47.608298-21.305235-47.608298-47.597042 0-26.306132 21.323655-47.605228 47.608298-47.605227 26.291806 0 47.597041 21.299095 47.597041 47.605227z m-198.865233 0c0 26.291806-21.314445 47.597041-47.600111 47.597042-26.291806 0-47.593971-21.305235-47.593972-47.597042 0-26.306132 21.302165-47.605228 47.593972-47.605227 26.285666 0 47.600111 21.299095 47.600111 47.605227z m-72.458266 71.686693c14.980179 0 27.101241 12.121062 27.101242 27.101241 0 52.877301 42.97886 95.857185 95.857185 95.857185s95.857185-42.97886 95.857184-95.857185c0-14.980179 12.121062-27.101241 27.101242-27.101241 14.980179 0 27.101241 12.121062 27.101241 27.101241 0 82.730213-67.328431 150.058644-150.058644 150.058644-82.730213 0-150.058644-67.328431-150.058644-150.058644-0.001023-14.980179 12.120039-27.101241 27.099194-27.101241z" fill="#FFFFFF" p-id="127184"></path></svg>关于</div>
        </div>

        <!-- 退出登录 -->
        <div class="out-login" @click="outLogin">退出登录</div>
        
        <div class="null"></div>

        <!-- 修改名称 -->
        <van-popup round v-model="show" position="bottom" :style="{ height: '13%' }" >
            <van-field
                v-model="changename"
                center
                clearable
                label="修改昵称"
            >
                <template #button>
                    <van-button size="small" type="primary" @click="btnChange">修改</van-button>
                </template>
            </van-field>
        </van-popup>

        <!-- 充值界面 -->
        <van-popup round v-model="recharge" position="bottom" :style="{ height: '50%' }" >
            <div class="info-recharge">
                <div class="recharge-txt"><span>充值账号</span><span>{{username}}</span></div>
                <div class="info-coin" @click="btnSelect(10)"><span>1000红袖币</span><div class="select"><span>$10</span><span v-show="price==10"><svg t="1640597693917" class="icon" viewBox="0 0 1534 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="132400" width="20" height="20"><path d="M14.524286 597.471843A48.89161 48.89161 0 0 1 10.22837 532.828542l28.43487-37.333552a48.89161 48.89161 0 0 1 68.018663-9.819235l313.499551 231.365737a98.192355 98.192355 0 0 0 119.569649-2.454809l876.571338-703.200461a49.096178 49.096178 0 0 1 64.745585 2.76166l15.342555 14.626569c19.740755 18.717918 20.456741 49.812164 1.738823 69.348351l-1.738823 1.841107-946.124257 896.516661A98.192355 98.192355 0 0 1 413.226162 994.741747l-398.906444-397.269904z" fill="#37ADFF" p-id="132401"></path></svg></span></div></div>
                <div class="info-coin" @click="btnSelect(20)"><span>2000红袖币</span><div class="select"><span>$20</span><span v-show="price==20"><svg t="1640597693917" class="icon" viewBox="0 0 1534 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="132400" width="20" height="20"><path d="M14.524286 597.471843A48.89161 48.89161 0 0 1 10.22837 532.828542l28.43487-37.333552a48.89161 48.89161 0 0 1 68.018663-9.819235l313.499551 231.365737a98.192355 98.192355 0 0 0 119.569649-2.454809l876.571338-703.200461a49.096178 49.096178 0 0 1 64.745585 2.76166l15.342555 14.626569c19.740755 18.717918 20.456741 49.812164 1.738823 69.348351l-1.738823 1.841107-946.124257 896.516661A98.192355 98.192355 0 0 1 413.226162 994.741747l-398.906444-397.269904z" fill="#37ADFF" p-id="132401"></path></svg></span></div></div>
                <div class="info-coin" @click="btnSelect(30)"><span>3000红袖币</span><div class="select"><span>$30</span><span v-show="price==30"><svg t="1640597693917" class="icon" viewBox="0 0 1534 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="132400" width="20" height="20"><path d="M14.524286 597.471843A48.89161 48.89161 0 0 1 10.22837 532.828542l28.43487-37.333552a48.89161 48.89161 0 0 1 68.018663-9.819235l313.499551 231.365737a98.192355 98.192355 0 0 0 119.569649-2.454809l876.571338-703.200461a49.096178 49.096178 0 0 1 64.745585 2.76166l15.342555 14.626569c19.740755 18.717918 20.456741 49.812164 1.738823 69.348351l-1.738823 1.841107-946.124257 896.516661A98.192355 98.192355 0 0 1 413.226162 994.741747l-398.906444-397.269904z" fill="#37ADFF" p-id="132401"></path></svg></span></div></div>
                <div class="info-coin" @click="btnSelect(50)"><span>5000红袖币</span><div class="select"><span>$50</span><span v-show="price==50"><svg t="1640597693917" class="icon" viewBox="0 0 1534 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="132400" width="20" height="20"><path d="M14.524286 597.471843A48.89161 48.89161 0 0 1 10.22837 532.828542l28.43487-37.333552a48.89161 48.89161 0 0 1 68.018663-9.819235l313.499551 231.365737a98.192355 98.192355 0 0 0 119.569649-2.454809l876.571338-703.200461a49.096178 49.096178 0 0 1 64.745585 2.76166l15.342555 14.626569c19.740755 18.717918 20.456741 49.812164 1.738823 69.348351l-1.738823 1.841107-946.124257 896.516661A98.192355 98.192355 0 0 1 413.226162 994.741747l-398.906444-397.269904z" fill="#37ADFF" p-id="132401"></path></svg></span></div></div>
                <div class="info-coin" @click="btnSelect(100)"><span>10000红袖币</span><div class="select"><span>$100</span><span v-show="price==100"><svg t="1640597693917" class="icon" viewBox="0 0 1534 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="132400" width="20" height="20"><path d="M14.524286 597.471843A48.89161 48.89161 0 0 1 10.22837 532.828542l28.43487-37.333552a48.89161 48.89161 0 0 1 68.018663-9.819235l313.499551 231.365737a98.192355 98.192355 0 0 0 119.569649-2.454809l876.571338-703.200461a49.096178 49.096178 0 0 1 64.745585 2.76166l15.342555 14.626569c19.740755 18.717918 20.456741 49.812164 1.738823 69.348351l-1.738823 1.841107-946.124257 896.516661A98.192355 98.192355 0 0 1 413.226162 994.741747l-398.906444-397.269904z" fill="#37ADFF" p-id="132401"></path></svg></span></div></div>
                
                <!-- 支付按钮 -->
                <div class="info-coin-bottom" @click="btnPay">立即支付${{price}}</div>
            </div>
        </van-popup>
    </div>
    </div>
</template>

<script>
import { Toast } from 'vant'
export default {
    props:['login','coin','coupon','recommen','mount'],
    data(){
        return {
            username:'hello word',
            show:false,
            changename:null,
            recharge:false,
            price:0
        }
    },
    methods:{
        //点击选择金额
        btnSelect(price){
            this.price=price
        },
        //点击支付
        btnPay(){
            if(this.price==0){
                Toast('请选择充值金额')
            }else{
                this.$emit('get-coin',this.price)
                this.recharge=false
                Toast('充值成功')
            }
            
        },

        btnRecharge(){
            this.recharge=true
        },
        btnChange(){
            if(this.changename){
                this.username=this.changename
                this.show=false
            }else{
                Toast('昵称不能为空')
            }
            
        },
        btnShow(){
            this.show=true
        },
        btnLogin(){
            this.$emit('get-login',true)
        },
        outLogin(){
            this.$emit('get-login',false)
            this.$router.push("/index")
            Toast('登出成功')
        }
    }
}
</script>

<style lang="less" scoped>
.my-info{
    background: url(../../assets/img/info.gif);
}


.category-header{
    width: 100%;
    height: 44px;
    background-color: #FC0E50;
    display: flex;
    align-items: center;
    span{
        display: block;
        width: 44px;
        height: 44px;
        text-align: center;
        line-height: 44px;
    }
    .icont-header{
        color: white;
        margin: auto;
        padding-right: 44px;
    }
}

//个人信息
.info-content{
    width: 358px;
    height: 146px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    img{
        width: 58px;
        height: 58px;
        border-radius: 50%;
    }
    .info-name{
        .username{
            padding-right: 10px;
            color: wheat;
        }
    }
}

//月票余额
.info-trick{
    width: 358px;
    height: 64px;
    margin: 10px auto;
    display: flex;
    background-color: white;
    border-radius: 10px;
    justify-content: space-between;
    .trick{
        width: 119px;
        height: 64px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

//红袖币余额
.info-coin{
    width: 358px;
    height: 51px;
    color: white;
    line-height: 51px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

//工具
.info-tool{
    width: 358px;
    color: white;
    margin: auto;
    .tool{
        width: 358px;
        height: 50px;
        // line-height: 50px;
        display: flex;
        align-items: center;
        padding-left: 5px;
        // border-bottom: 1px solid #eee;
    }
}

//退出登录
.out-login{
    width: 120px;
    height: 30px;
    margin: auto;
    text-align: center;
    line-height: 30px;
    color: white;
    border: 1px solid white;
    border-radius: 30px;
}

.null{
    width: 358px;
    height: 20px;
}

//登录界面
.login{
        background: url(../../assets/img/info.gif);
        width: 100%;
        height: 667px;
        color:#fff;
    h1{
        font-size: 48px;
        text-align: center;
        height: 48px;
        padding:150px 0 40px 0;
    }
    .form{
        .item{
            width: 76%;
            height: 30px;
            line-height: 30px;
            margin: 0 auto;
            background-color: #f47378;
            border-radius: 30px;
            margin-bottom: 12px;
            input{
                background-color: transparent;
                border:0px;
                outline: none;
                text-indent: 0.5em;
                font-size: 14px;
                color:#fff;
            }
            span{
                font-size: 20px;
                margin-left: 10px;
                display: inline-block;
                vertical-align: middle;
            }
            .getCode{
                border:1px solid #fff;
                height: 20px;
                line-height: 20px;
                width: 50px;
                border-radius: 20px;
                font-size: 12px;
                color:#808080;
                float: right;
                margin:5px;
            }
            .submit{
                font-size: 15px;
                background-color: #fff;
                text-align: center;
                color:#d4473c;
                border-radius: 15px;
            }
        }
    }
}

//充值界面
.info-recharge{
    width: 358px;
    height: 320px;
    margin: auto;
    .recharge-txt{
        width: 100%;
        height: 44px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .info-coin{
        width: 100%;
        height: 44px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: black;
        border-bottom: 1px solid #e6e6e6;
        .select{
            width: 70px;
            height: 44px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    }
    .info-coin-bottom{
        width: 100%;
        height: 44px;
        text-align: center;
        line-height: 44px;
        background-color: #2e9de7;
        color: white;
    }
}

</style>